/* 常用 综合布局 */

.row-center-center {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.row-center-end {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-end;
	justify-content: center;
}

.row-center-start {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: center;
}

.row-start-center {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
}

.row-start-start {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
}

.row-start-end {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-end;
	justify-content: flex-start;
}

.row-end-center {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-end;
}

.row-end-start {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-end;
}

.row-end-end {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-end;
	justify-content: flex-end;
}

.row-between-center {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
}

.row-between-start {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: space-between;
}

.row-between-end {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-end;
	justify-content: space-between;
}

.row-around-center {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-around;
}

.row-around-end {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-end;
	justify-content: space-around;
}

.row-around-start {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: space-around;
}

.column-between-center {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;

	align-items: center;
	justify-content: space-between;
}

.column-between-start {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;

	align-items: flex-start;
	justify-content: space-between;
}

.column-between-end {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;

	align-items: flex-end;
	justify-content: space-between;
}

.column-start-end {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;

	align-items: flex-end;
	justify-content: flex-start;
}

.column-start-center {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;

	align-items: center;
	justify-content: flex-start;
}

.column-start-start {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;

	align-items: flex-start;
	justify-content: flex-start
}

.column-end-start {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;

	align-items: flex-start;
	justify-content: flex-end;
}

.column-end-end {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;

	align-items: flex-end;
	justify-content: flex-end;
}

.column-end-center {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;

	align-items: center;
	justify-content: flex-end;
}

.column-center-center {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;

	align-items: center;
	justify-content: center;
}

.column-center-end {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;

	align-items: flex-end;
	justify-content: center;
}

.column-center-start {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;

	align-items: flex-start;
	justify-content: center;
}

.column-around-start {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;

	align-items: flex-start;
	justify-content: space-around;
}

.column-around-end {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;

	align-items: flex-end;
	justify-content: space-around;
}

.column-around-center {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;

	align-items: center;
	justify-content: space-around;
}


/*  */

.d-block {
	display: block;
}

/* 容器 */

.container {
	width: 100%;
	box-sizing: border-box;
	padding: 0px 30px;
	position: relative;
	background-color: white;
}

.fluid {
	position: absolute;
	left: 0px;
	right: 0px;
}

.container-fluid {
	width: 100%;
	box-sizing: border-box;
	position: relative;
}

.row {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	box-sizing: border-box;
	justify-items: center;
}

.row-wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	box-sizing: border-box;
}

.column {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.column-nowrap {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
}

.justify-content-center {
	justify-content: center;
}

.justify-content-end {
	justify-content: flex-end;
}

.justify-content-start {
	justify-content: flex-start;
}

.justify-content-between {
	justify-content: space-between;
}

.justify-content-around {
	justify-content: space-around;
}

.align-content-start {
	align-content: flex-start;
}

.align-items-center {
	align-items: center;
}

.align-items-start {
	align-items: flex-start;
}

.align-items-end {
	align-items: flex-end;
}

.align-items-between {
	align-items: space-between;
}

.align-items-around {
	align-items: space-around;
}

.align-self-center {
	align-self: center;
}

.align-self-start {
	align-self: flex-start;
}

.align-self-end {
	align-self: flex-end;
}

.align-self-stretch {
	align-self: stretch;
}

.flex-shrink {
	/* #ifndef APP-PLUS-NVUE */
	flex-shrink: 0;

	/* #endif */
}

.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.flex-grow {
	/* #ifdef APP-NVUE */
	flex: 1;

	/* #endif */
	/* #ifndef APP-NVUE */
	flex-grow: 1;

	/* #endif */
}

.col {
	/* #ifdef APP-NVUE */
	flex: 1;

	/* #endif */
	/* #ifndef APP-NVUE */
	flex-grow: 1;

	/* #endif */
	flex-shrink: 0;
	max-width: 100%;
}

.col-1 {
	flex: 0 0 8.333333%;
	max-width: 8.333333%;
}

.col-2 {
	flex: 0 0 16.666667%;
	max-width: 16.666667%;
}

.col-3 {
	flex: 0 0 25%;
	max-width: 25%;
}

.col-4 {
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}

.col-5 {
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
}

.col-6 {
	flex: 0 0 50%;
	max-width: 50%;
}

.col-7 {
	flex: 0 0 58.333333%;
	max-width: 58.333333%;
}

.col-8 {
	flex: 0 0 66.666667%;
	max-width: 66.666667%;
}

.col-9 {
	flex: 0 0 75%;
	max-width: 75%;
}

.col-10 {
	flex: 0 0 83.333333%;
	max-width: 83.333333%;
}

.col-11 {
	flex: 0 0 91.666667%;
	max-width: 91.666667%;
}

.col-12 {
	flex: 0 0 100%;
	max-width: 100%;
}

.offset-0 {
	margin-left: 0;
}

.offset-1 {
	margin-left: 8.333333%;
}

.offset-2 {
	margin-left: 16.666667%;
}

.offset-3 {
	margin-left: 25%;
}

.offset-4 {
	margin-left: 33.333333%;
}

.offset-5 {
	margin-left: 41.666667%;
}

.offset-6 {
	margin-left: 50%;
}

.offset-7 {
	margin-left: 58.333333%;
}

.offset-8 {
	margin-left: 66.666667%;
}

.offset-9 {
	margin-left: 75%;
}

.offset-10 {
	margin-left: 83.333333%;
}

.offset-11 {
	margin-left: 91.666667%;
}

/* padding all   */
.p-all-0 {
	padding: 0px !important;
}

.p-all-1 {
	padding: 2px;
}

.p-all-2 {
	padding: 4px;
}

.p-all-3 {
	padding: 6px;
}

.p-all-4 {
	padding: 8px;
}

.p-all-5 {
	padding: 10px;
}

.p-all-6 {
	padding: 12px;
}

.p-all-7 {
	padding: 14px;
}

.p-all-8 {
	padding: 16px;
}

.p-all-9 {
	padding: 18px;
}

.p-all-10 {
	padding: 20px;
}

.p-all-11 {
	padding: 22px;
}

.p-all-12 {
	padding: 24px;
}

.p-all-13 {
	padding: 26px;
}

.p-all-15 {
	padding: 30px;
}

/*padding-l */

.p-lr-1 {
	padding-left: 2px;
	padding-right: 2px;
}

.p-lr-2 {
	padding-left: 4px;
	padding-right: 4px;
}

.p-lr-3 {
	padding-left: 6px;
	padding-right: 6px;
}

.p-lr-4 {
	padding-left: 8px;
	padding-right: 8px;
}

.p-lr-5 {
	padding-left: 10px;
	padding-right: 10px;
}

.p-lr-6 {
	padding-left: 12px;
	padding-right: 12px;
}

.p-lr-7 {
	padding-left: 14px;
	padding-right: 14px;
}

.p-lr-8 {
	padding-left: 16px;
	padding-right: 16px;
}

.p-lr-9 {
	padding-left: 18px;
	padding-right: 18px;
}

.p-lr-10 {
	padding-left: 20px;
	padding-right: 20px;
}

.p-lr-11 {
	padding-left: 22px;
	padding-right: 22px;
}

.p-lr-12 {
	padding-left: 24px;
	padding-right: 24px;
}

.p-lr-13 {
	padding-left: 26px;
	padding-right: 26px;
}

.p-lr-14 {
	padding-left: 28px;
	padding-right: 28px;
}

.p-lr-15 {
	padding-left: 30px;
	padding-right: 30px;
}

/* padding-tb */

.p-tb-1 {
	padding-top: 2px;
	padding-bottom: 2px;
}

.p-tb-2 {
	padding-top: 4px;
	padding-bottom: 4px;
}

.p-tb-3 {
	padding-top: 6px;
	padding-bottom: 6px;
}

.p-tb-4 {
	padding-top: 8px;
	padding-bottom: 8px;
}

.p-tb-5 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.p-tb-6 {
	padding-top: 12px;
	padding-bottom: 12px;
}

.p-tb-7 {
	padding-top: 14px;
	padding-bottom: 14px;
}

.p-tb-8 {
	padding-top: 16px;
	padding-bottom: 16px;
}

.p-tb-9 {
	padding-top: 18px;
	padding-bottom: 18px;
}

.p-tb-10 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.p-tb-11 {
	padding-top: 22px;
	padding-bottom: 22px;
}

.p-tb-12 {
	padding-top: 24px;
	padding-bottom: 24px;
}

.p-tb-13 {
	padding-top: 26px;
	padding-bottom: 26px;
}

.p-tb-14 {
	padding-top: 28px;
	padding-bottom: 28px;
}

.p-tb-15 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.p-b-1 {
	padding-bottom: 2px;
}

.p-b-2 {
	padding-bottom: 4px;
}

.p-b-3 {
	padding-bottom: 6px;
}

.p-b-4 {
	padding-bottom: 8px;
}

.p-b-5 {
	padding-bottom: 10px;
}

.p-b-6 {
	padding-bottom: 12px;
}

.p-b-7 {
	padding-bottom: 14px;
}

.p-b-8 {
	padding-bottom: 16px;
}

.p-b-9 {
	padding-bottom: 18px;
}

.p-b-10 {
	padding-bottom: 20px;
}

.p-b-11 {
	padding-bottom: 22px;
}

.p-b-12 {
	padding-bottom: 24px;
}

.p-b-13 {
	padding-bottom: 26px;
}

.p-b-14 {
	padding-bottom: 28px;
}


.p-b-15 {
	padding-bottom: 30px;
}

.p-t-1 {
	padding-top: 2px;
}

.p-t-2 {
	padding-top: 4px;
}

.p-t-3 {
	padding-top: 6px;
}

.p-t-4 {
	padding-top: 8px;
}

.p-t-5 {
	padding-top: 10px;
}

.p-t-6 {
	padding-top: 12px;
}

.p-t-7 {
	padding-top: 14px;
}

.p-t-8 {
	padding-top: 16px;
}

.p-t-9 {
	padding-top: 18px;
}

.p-t-10 {
	padding-top: 20px;
}

.p-t-11 {
	padding-top: 22px;
}

.p-t-12 {
	padding-top: 24px;
}

.p-t-13 {
	padding-top: 26px;
}

.p-t-14 {
	padding-top: 28px;
}

.p-t-15 {
	padding-top: 30px;
}

.p-l-1 {
	padding-left: 2px;
}

.p-l-2 {
	padding-left: 4px;
}

.p-l-3 {
	padding-left: 6px;
}

.p-l-4 {
	padding-left: 8px;
}

.p-l-5 {
	padding-left: 10px;
}

.p-l-6 {
	padding-left: 12px;
}

.p-l-7 {
	padding-left: 14px;
}

.p-l-8 {
	padding-left: 16px;
}

.p-l-9 {
	padding-left: 18px;
}

.p-l-10 {
	padding-left: 20px;
}

.p-l-11 {
	padding-left: 22px;
}

.p-l-12 {
	padding-left: 24px;
}

.p-l-13 {
	padding-left: 26px;
}

.p-l-14 {
	padding-left: 28px;
}

.p-l-15 {
	padding-left: 30px;
}

.p-r-1 {
	padding-right: 2px;
}

.p-r-2 {
	padding-right: 4px;
}

.p-r-3 {
	padding-right: 6px;
}

.p-r-4 {
	padding-right: 8px;
}

.p-r-5 {
	padding-right: 10px;
}

.p-r-6 {
	padding-right: 12px;
}

.p-r-7 {
	padding-right: 14px;
}

.p-r-8 {
	padding-right: 16px;
}

.p-r-9 {
	padding-right: 18px;
}

.p-r-10 {
	padding-right: 20px;
}

.p-r-11 {
	padding-right: 22px;
}

.p-r-12 {
	padding-right: 24px;
}

.p-r-13 {
	padding-right: 26px;
}

.p-r-14 {
	padding-right: 28px;
}

.p-r-15 {
	padding-right: 30px;
}

p-all-0 {
	padding: 0px;
}

/* margin */

.m-all-0 {
	margin: 0px;
}

.m-all-1 {
	margin: 2px;
}

.m-all-2 {
	margin: 4px;
}

.m-all-3 {
	margin: 6px;
}

.m-all-4 {
	margin: 8px;
}

.m-all-5 {
	margin: 10px;
}

.m-all-6 {
	margin: 12px;
}

.m-all-7 {
	margin: 14px;
}

.m-all-8 {
	margin: 16px;
}

.m-all-9 {
	margin: 18px;
}

.m-all-10 {
	margin: 20px;
}

.m-all-11 {
	margin: 22px;
}

.m-all-12 {
	margin: 24px;
}

.m-all-13 {
	margin: 26px;
}

.m-all-14 {
	margin: 28px;
}

.m-all-15 {
	margin: 30px;
}

/*margin-l */

.m-lr-1 {
	margin-left: 2px;
	margin-right: 2px;
}

.m-lr-2 {
	margin-left: 4px;
	margin-right: 4px;
}

.m-lr-3 {
	margin-left: 6px;
	margin-right: 6px;
}

.m-lr-4 {
	margin-left: 8px;
	margin-right: 8px;
}

.m-lr-5 {
	margin-left: 10px;
	margin-right: 10px;
}

.m-lr-6 {
	margin-left: 12px;
	margin-right: 12px;
}

.m-lr-7 {
	margin-left: 14px;
	margin-right: 14px;
}

.m-lr-8 {
	margin-left: 16px;
	margin-right: 16px;
}

.m-lr-9 {
	margin-left: 18px;
	margin-right: 18px;
}

.m-lr-10 {
	margin-left: 20px;
	margin-right: 20px;
}

.m-lr-11 {
	margin-left: 22px;
	margin-right: 22px;
}

.m-lr-12 {
	margin-left: 24px;
	margin-right: 24px;
}

.m-lr-13 {
	margin-left: 26px;
	margin-right: 26px;
}

.m-lr-14 {
	margin-left: 28px;
	margin-right: 28px;
}

.m-lr-15 {
	margin-left: 30px;
	margin-right: 30px;
}

/* margin-tb */

.m-tb-1 {
	margin-top: 2px;
	margin-bottom: 2px;
}

.m-tb-2 {
	margin-top: 4px;
	margin-bottom: 4px;
}

.m-tb-3 {
	margin-top: 6px;
	margin-bottom: 6px;
}

.m-tb-4 {
	margin-top: 8px;
	margin-bottom: 8px;
}

.m-tb-5 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.m-tb-6 {
	margin-top: 12px;
	margin-bottom: 12px;
}

.m-tb-7 {
	margin-top: 14px;
	margin-bottom: 14px;
}

.m-tb-8 {
	margin-top: 16px;
	margin-bottom: 16px;
}

.m-tb-9 {
	margin-top: 18px;
	margin-bottom: 18px;
}

.m-tb-10 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.m-tb-11 {
	margin-top: 22px;
	margin-bottom: 22px;
}

.m-tb-12 {
	margin-top: 24px;
	margin-bottom: 24px;
}

.m-tb-13 {
	margin-top: 26px;
	margin-bottom: 26px;
}

.m-tb-14 {
	margin-top: 28px;
	margin-bottom: 28px;
}

.m-tb-15 {
	margin-top: 30px;
	margin-bottom: 30px;
}

/* margin-b */

.m-b-1 {
	margin-bottom: 2px;
}

.m-b-2 {
	margin-bottom: 4px;
}

.m-b-3 {
	margin-bottom: 6px;
}

.m-b-4 {
	margin-bottom: 8px;
}

.m-b-5 {
	margin-bottom: 10px;
}

.m-b-6 {
	margin-bottom: 12px;
}

.m-b-7 {
	margin-bottom: 14px;
}

.m-b-8 {
	margin-bottom: 16px;
}

.m-b-9 {
	margin-bottom: 18px;
}

.m-b-10 {
	margin-bottom: 20px;
}

.m-b-11 {
	margin-bottom: 22px;
}

.m-b-12 {
	margin-bottom: 24px;
}

.m-b-13 {
	margin-bottom: 26px;
}

.m-b-14 {
	margin-bottom: 28px;
}

.m-b-15 {
	margin-bottom: 30px;
}

/* margin-t */

/* margin-b */

.m-t-1 {
	margin-top: 2px;
}

.m-t-2 {
	margin-top: 4px;
}

.m-t-3 {
	margin-top: 6px;
}

.m-t-4 {
	margin-top: 8px;
}

.m-t-5 {
	margin-top: 10px;
}

.m-t-6 {
	margin-top: 12px;
}

.m-t-7 {
	margin-top: 14px;
}

.m-t-8 {
	margin-top: 16px;
}

.m-t-9 {
	margin-top: 18px;
}

.m-t-10 {
	margin-top: 20px;
}

.m-t-11 {
	margin-top: 22px;
}

.m-t-12 {
	margin-top: 24px;
}

.m-t-13 {
	margin-top: 26px;
}

.m-t-14 {
	margin-top: 28px;
}

.m-t-15 {
	margin-top: 30px;
}

.m-l-1 {
	margin-left: 2px;
}

.m-l-2 {
	margin-left: 4px;
}

.m-l-3 {
	margin-left: 6px;
}

.m-l-4 {
	margin-left: 8px;
}

.m-l-5 {
	margin-left: 10px;
}

.m-l-6 {
	margin-left: 12px;
}

.m-l-7 {
	margin-left: 14px;
}

.m-l-8 {
	margin-left: 16px;
}

.m-l-9 {
	margin-left: 18px;
}

.m-l-10 {
	margin-left: 20px;
}

.m-l-11 {
	margin-left: 22px;
}

.m-l-12 {
	margin-left: 24px;
}

.m-l-13 {
	margin-left: 26px;
}

.m-l-14 {
	margin-left: 28px;
}

.m-l-15 {
	margin-left: 30px;
}

.m-r-1 {
	margin-right: 2px;
}

.m-r-2 {
	margin-right: 4px;
}

.m-r-3 {
	margin-right: 6px;
}

.m-r-4 {
	margin-right: 8px;
}

.m-r-5 {
	margin-right: 10px;
}

.m-r-6 {
	margin-right: 12px;
}

.m-r-7 {
	margin-right: 14px;
}

.m-r-8 {
	margin-right: 16px;
}

.m-r-9 {
	margin-right: 18px;
}

.m-r-10 {
	margin-right: 20px;
}

.m-r-11 {
	margin-right: 22px;
}

.m-r-12 {
	margin-right: 24px;
}

.m-r-13 {
	margin-right: 26px;
}

.m-r-14 {
	margin-right: 28px;
}

.m-r-15 {
	margin-right: 30px;
}

.h-10 {
	height: 10%;
}

.h-20 {
	height: 20%;
}

.h-30 {
	height: 30%;
}

.h-40 {
	height: 40%;
}

.h-50 {
	height: 50%;
}

.h-60 {
	height: 60%;
}

.h-70 {
	height: 70%;
}

.h-80 {
	height: 80%;
}

.h-90 {
	height: 90%;
}

.h-100 {
	height: 100%;
}

.w-10 {
	width: 10%;
}

.w-20 {
	width: 20%;
}

.w-30 {
	width: 30%;
}

.w-40 {
	width: 40%;
}

.w-50 {
	width: 50%;
}

.w-60 {
	width: 60%;
}

.w-70 {
	width: 70%;
}

.w-80 {
	width: 80%;
}

.w-90 {
	width: 90%;
}

.w-100 {
	width: 100%;
}

.bg-color {
	background-color: #f4f6f6;
}

.bg-white {
	background-color: white;
}

.bg-red {
	background-color: red;
}

.bg-green {
	background-color: green;
}

.bg-orange {
	background-color: orange;
}

.shadow {
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
	border-radius: 20px;
}

/* 圆角 */
.border-radius {
	border-radius: 50%;

}

.border-radius-0 {
	border-radius: 0px;
}

.border-radius-1 {
	border-radius: 2px;
}

.border-radius-2 {
	border-radius: 4px;
}

.border-radius-3 {
	border-radius: 6px;
}

.border-radius-4 {
	border-radius: 8px;
}

.border-radius-5 {
	border-radius: 10px;
}

.border-radius-6 {
	border-radius: 12px;
}

.border-radius-7 {
	border-radius: 14px;
}

.border-radius-8 {
	border-radius: 16px;
}

.border-radius-9 {
	border-radius: 18px;
}

.border-radius-10 {
	border-radius: 20px;
}

.border-radius-11 {
	border-radius: 22px;
}

.border-radius-12 {
	border-radius: 24px;
}

.border-radius-13 {
	border-radius: 26px;
}

.border-radius-14 {
	border-radius: 28px;
}

.border-radius-15 {
	border-radius: 30px;
}


.text-maxline-one {
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
	overflow: hidden;
	display: -webkit-box;
}

.text-maxline-two {
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	overflow: hidden;
	display: -webkit-box;
}

.text-maxline-three {
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-break: break-all;
	overflow: hidden;
	display: -webkit-box;
}

.text-maxline-more {
	text-overflow: ellipsis;
	-webkit-line-clamp: 10;
	-webkit-box-orient: vertical;
	word-break: break-all;
	overflow: hidden;
	display: -webkit-box;
}

/* 字体大小 */

.font-size-default {
	font-size: 28px;
}

.font-size-6 {
	font-size: 12px;
}

.font-size-7 {
	font-size: 14px;
}

.font-size-8 {
	font-size: 16px;
}

.font-size-9 {
	font-size: 18px;
}

.font-size-10 {
	font-size: 20px;
}

.font-size-11 {
	font-size: 22px;
}

.font-size-12 {
	font-size: 24px;
}

.font-size-13 {
	font-size: 26px;
}

.font-size-14 {
	font-size: 28px;
}

.font-size-15 {
	font-size: 30px;
}

.font-size-16 {
	font-size: 32px;
}

.font-size-17 {
	font-size: 34px;
}

.font-size-18 {
	font-size: 36px;
}

.font-size-19 {
	font-size: 38px;
}

.font-size-20 {
	font-size: 40px;
}

/* grid */

.grid-one {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	grid-gap: 20px;
	align-content: flex-start;
}

.grid-two {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	grid-gap: 20px;
	align-content: flex-start;
}

.grid-three {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
	grid-gap: 20px;
	align-content: flex-start;
}

.grid-four {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: auto;
	grid-gap: 20px;
	align-content: flex-start;
}

.grid-five {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: auto;
	grid-gap: 20px;
	align-content: flex-start;
}

.grid-gap-0 {
	grid-gap: 0px;
}

.grid-gap-1 {
	grid-gap: 2px;
}

.grid-gap-2 {
	grid-gap: 4px;
}

.grid-gap-3 {
	grid-gap: 6px;
}

.grid-gap-4 {
	grid-gap: 8px;
}

.grid-gap-5 {
	grid-gap: 10px;
}

.grid-gap-6 {
	grid-gap: 12px;
}

.grid-gap-7 {
	grid-gap: 14px;
}

.grid-gap-8 {
	grid-gap: 16px;
}

.grid-gap-9 {
	grid-gap: 18px;
}

.grid-gap-10 {
	grid-gap: 20px;
}

.grid-gap-11 {
	grid-gap: 22px;
}

.grid-gap-12 {
	grid-gap: 24px;
}

.grid-gap-13 {
	grid-gap: 26px;
}

.grid-gap-14 {
	grid-gap: 28px;
}

.grid-gap-15 {
	grid-gap: 30px;
}

/* borer */

.border {
	border: 2px solid rgb(238, 239, 239) !important;
}

.border-top {
	border-top: 2px solid rgb(238, 239, 239) !important;
}

.border-right {
	border-right: 2px solid rgb(238, 239, 239) !important;
}

.border-bottom {
	border-bottom: 2px solid rgb(238, 239, 239) !important;
}

.border-left {
	border-left: 2px solid rgb(238, 239, 239) !important;
}

.border-0 {
	border: 0 !important;
}

.border-top-0 {
	border-top: 0 !important;
}

.border-right-0 {
	border-right: 0 !important;
}

.border-bottom-0 {
	border-bottom: 0 !important;
}

.border-left-0 {
	border-left: 0 !important;
}

.border-primary {
	border-color: #007bff !important;
}

.border-secondary {
	border-color: #6c757d !important;
}

.border-success {
	border-color: #28a745 !important;
}

.border-info {
	border-color: #17a2b8 !important;
}

.border-warning {
	border-color: #ffc107 !important;
}

.border-danger {
	border-color: #dc3545 !important;
}

.border-light {
	border-color: #f8f9fa !important;
}

.border-dark {
	border-color: #343a40 !important;
}

.border-white {
	border-color: #fff !important;
}

.border-last-none:nth-last-of-type(1) {
	border-bottom: none !important;
}

/* 全大小 */

.text-uppercase {
	text-transform: uppercase;
}

.text-capitalize {
	text-transform: capitalize;
}

.text-lowercase {
	text-transform: lowercase;
}

/* 底层 */

.fixed-bottom {
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 30;
}

.text-delete {
	text-decoration: line-through;
}

.text-xt-left {
	font-style: italic;
}

.text-autoline {
	word-wrap: break-word;
	word-break: break-all;
	width: 100%;
}

.text-between {
	text-align: justify;
	text-align-last: justify;
	-moz-text-align-last: right;
}

/* 授权登录 */

.fixed-all {
	position: fixed;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	background-color: rgba(0, 0, 0, 0.7);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 100;
}

/* p-r 定位*/
.p_r {
	position: relative;
}

.p_a {
	position: absolute;
}

.p_f {
	position: fixed;
}

.p_s {
	position: sticky;
}

.p_a_all {
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

/* 覆盖不是图 */
.cover-sup {
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
}

/*透明*/
.bg-t {
	background-color: transparent;

}

.overflow_scroll {
	overflow: scroll;
}



/* ==================
         模态窗口
 ==================== */

.fixed-modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1110;
	opacity: 0;
	outline: 0;
	text-align: center;
	-ms-transform: scale(1.185);
	transform: scale(1.185);
	backface-visibility: hidden;
	perspective: 2000upx;
	background: rgba(0, 0, 0, 0.6);
	transition: all 0.3s ease-in-out 0s;
	pointer-events: none;
}

.fixed-modal::before {
	/* 	content: "\200B";
	display: inline-block;
	height: 100%;
	vertical-align: middle; */
}

.fixed-modal.show {
	opacity: 1;
	transition-duration: 0.3s;
	-ms-transform: scale(1);
	transform: scale(1);
	overflow-x: hidden;
	overflow-y: auto;
	pointer-events: auto;
}

.fixed-modal.bottom-modal::before {
	vertical-align: bottom;
}

.fixed-modal.bottom-modal .cu-dialog {
	width: 100%;
	border-radius: 0;
}

.fixed-modal.bottom-modal {
	margin-bottom: -1000upx;
}

.fixed-modal.bottom-modal.show {
	margin-bottom: 0;
}

.font-20 {
	font-size: 20px;
}

.font-22 {
	font-size: 22px;
}

.font-24 {
	font-size: 24px;
}

.font-26 {
	font-size: 26px;
}

.font-28 {
	font-size: 28px;
}

.font-30 {
	font-size: 30px;
}

.font-32 {
	font-size: 32px;
}

.font-34 {
	font-size: 34px;
}

.font-36 {
	font-size: 36px;
}

.font-38 {
	font-size: 38px;
}

.font-40 {
	font-size: 40px;
}
